<template>
	<view class="incubate-page">
		<view class="content">
			<quill-editor disabled v-model="describe"  class="ql-editor" />
		</view>

		<view class="footer">
			<button type="primary" @click="jump">我有需求</button>
		</view>

	</view>
</template>

<script>
	import api from 'api/modules/touhang.js';
	export default {
		name: 'HaveProject',
		data() {
			return {
				describe: '',
			}
		},
		mounted() {
			this.getData()
		},
		methods: {
			getData() {
				api.getFrontDetail({
					associationServiceId: 2
				}).then(res => {
					this.describe = res.data.serviceContent
				})
			},
			jump() {
				uni.navigateTo({
					url: '/pages/views/service/touhang/IncubateApply'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	page {
		background-color: #F6F6F6;
	}

	.incubate-page {
		margin-top: 30rpx;

		.content {
			min-height: 880rpx;
			box-sizing: border-box;

			border-right: 0;
			border-left: 0;
			overflow: auto;

			.ql-editor {
				background-image: url(../../../../static/incubate-bgc.jpg);
				background-size: contain;
				background-repeat: repeat;
			}
		}

		.footer {
			margin: 24rpx 0;
			padding: 0 30rpx;
			box-sizing: border-box;
			width: 100%;

			button {
				background-color: #0B4E9E;
				height: 80rpx;
				line-height: 80rpx;
				border-radius: 40rpx;
				font-size: 32rpx;

				&::after {
					border: 0;
				}
			}
		}
	}
</style>
